<template>
   <div>
       请输入内容：
       <input type="text" name="" v-model="text">
       显示：{{text | myFilter}}

        <br/>测试组件的范围
        <sub-vue></sub-vue>
   </div>
</template>

<script>
import SubVue from './sub.vue'
   export default {
       filters: {
           myFilter:function(value){
            //    输入的内容进行反转  转换为数组，反转数组，转换为字符串
               return value.split('').reverse().join('')
           }
       },
       data () {
       return {
           text: ''
       }
   },
   components: {
       subVue: SubVue
   },
   methods: {

   }
 }
</script>

<style>
 
</style>
